<template>  
  <view>  
    <!-- 触发弹窗的按钮 -->  
    <!-- <u-button @click="showModal">打开实名认证弹窗</u-button>  -->
    <u-modal  
     :show="show"
      :title="modalTitle"  
      :content="modalContent"  
      :showCancelButton="true"  
      :cancelText="cancelText"  
      :confirmText="confirmText"  
      @confirm="onConfirm"  
      @cancel="onCancel" 
	  confirmColor="rgb(75,163,103,1)"
    ></u-modal>  
  </view>  
</template>  

<script>  
  export default {  
    name: "Modal",  
    props: {  
      flag: {  
        type: String,  
        default: 'true'  
      }  
    },  
    data() {  
      return {  
        show: true, // 控制模态框是否显示  
        modalTitle: '开始实名认证',  
        modalContent: '为了保障您的账户安全及符合相关法规要求，请完成实名认证。',  
        cancelText: '稍后再说',  
        confirmText: '立即认证'  
      };  
    },  
    // mounted() {  
    //   // 这里使用 mounted 代替 onLoad  
    //   this.show = this.flag === 'true'; 
    // },  
    methods: {  
      showModal() {  
        this.show = true;  // 打开模态框  
      },  
      onConfirm() {  
        // 这里处理立即认证的逻辑  
        console.log('用户点击了立即认证按钮');  
        // 可以在这里添加跳转认证页面或发送认证请求等逻辑  
        this.show = false;  
        uni.navigateTo({  
          url: "/pages/authentication/authentication"  
        });  
      },  
      onCancel() {  
        // 这里处理稍后再说的逻辑  
        console.log('用户点击了稍后再说按钮');  
        this.show = false;  
      }  
    }  
  }  
</script>  

<style>  
/* 可以添加样式 */  
</style>